$(function() {
    let form = layui.form;
    initArticleList();

    function initArticleList() {
        $.ajax({
            method: "get",
            url: "/my/article/cates",
            success(res) {
                let htmlStr = template("tpl-table", res);
                $("tbody").html(htmlStr);
            },
        });
    }
    let indexAdd = null;
    $("#btnAddCate").on("click", function() {
        indexAdd = layer.open({
            type: 1,
            area: ["500px", "250px"],
            title: "添加文章分类",
            content: $("#dialog-add").html(),
        });
    });
    $("body").on("submit", "#form-add", function(e) {
        e.preventDefault();
        $.ajax({
            method: "post",
            url: "/my/article/addcates",
            data: $(this).serialize(),
            success(res) {
                console.log(res);
                if (res.status !== 0) {
                    return layer.msg("新增分类失败！");
                }
                initArticleList();
                layer.msg("新增分类成功！");
                layer.close(indexAdd);
            },
        });
    });
    let indexEdit = null;
    $("tbody").on("click", ".btn-edit", function() {
        indexEdit = layer.open({
            type: 1,
            area: ["500px", "250px"],
            title: "修改文章分类",
            content: $("#dialog-edit").html(),
        });
        let id = $(this).attr("data-id");
        $.ajax({
            method: "get",
            url: "/my/article/cates/" + id,
            success(res) {
                form.val("form-edit", res.data);
            },
        });
    });
    $("tbody").on("submit", "#form-edit", function(e) {
        e.preventDefault();
        $.ajax({
            method: "post",
            url: "/my/article/updatecate",
            data: $(this).serialize(),
            success(res) {
                if (res.status !== 0) {
                    return layer.msg("更新分类数据失败");
                }
                layer.msg("更新分类数据成功");
                initArticleList();
                layer.close(indexEdit);
            },
        });
    });
    $("body").on("click", ".btn-delete", function() {
        let id = $(this).attr("data-id");

        layer.confirm("确认删除", { icon: 3, title: "提示" }, function(index) {
            $.ajax({
                method: "get",
                url: "/my/article/deletecate/" + id,
                success(res) {
                    if (res.status !== 0) {
                        return layer.msg("删除分类失败！");
                    }
                    layer.msg("删除分类成功！");
                    layer.close(index);
                    initArticleList();
                },
            });
        });
    });
});